<template>
  <div class="cmp-diagnostic-tips inline-block">
    <el-button
      type="danger"
      @click="diagnosticNoticeModal = true"
      class="diagnostic-notice"
    >
      CVA鉴别诊断
    </el-button>
    <!-- 诊断提示 -->
    <el-dialog
      v-model="diagnosticNoticeModal"
      title="CVA鉴别诊断"
      :append-to-body="true"
    >
      <div>
        <h3>
          咳嗽变异性哮喘(CVA)
          是儿童慢性咳嗽最常见原因之一，以咳嗽为唯一或主要表现。诊断依据:
        </h3>
        <ul>
          <li>
            (一)
            咳嗽持续>4周，常在运动、夜间和(或)凌晨发作或加重，以干咳为主，不伴有喘息;
          </li>
          <li>(二)临床上无感染征象，或经较长时间抗生素治疗无效;</li>
          <li>(三)抗哮喘药物诊断性治疗有效;</li>
          <li>(四)排除其他原因引起的慢性咳嗽;</li>
          <li>(五)支气管激发试验阳性和(或)PEF日间变异率(连续监测2周)≥13%;</li>
          <li>(六)个人或一、二级亲属过敏性疾病史，或变应原检测阳性。</li>
          <li>以上(一) ~ (四)项为诊断基本条件。</li>
        </ul>
      </div>
      <template #footer>
        <el-button @click="diagnosticNoticeModal = false">关闭</el-button>
      </template>
      <!-- <span slot="footer" class="clearfix">
        <el-button @click="diagnosticNoticeModal = false">返回</el-button>
      </span> -->
    </el-dialog>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        diagnosticNoticeModal: false, //诊断提示框
      }
    },
  }
</script>
<style lang="scss" scoped>
  .cmp-diagnostic-tips {
    // float: right;
    // margin-right: 12px;
    // margin-left: 0px;
    .inline-block {
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      line-height: 0;
    }
    .diagnostic-notice {
      font-size: 12px;
      margin-bottom: 6px;
    }

    ul > li {
      padding-left: 1rem;
      line-height: 2;
      font-size: 14px;
      font-weight: bold;
      color: #f0565c;
    }
  }
</style>
